$(function() {
    // 加载统计数据
    loadStatistics();
    // 加载投诉建议列表
    loadComplaints();
    // 加载访客记录
    loadVisitors();

    // 定时刷新数据
    setInterval(function() {
        loadStatistics();
        loadComplaints();
        loadVisitors();
    }, 300000); // 每5分钟刷新一次
});

// 加载统计数据
function loadStatistics() {
    $.ajax({
        url: '/system/dashboard/statistics',
        type: 'GET',
        success: function(res) {
            if (res.code === 0) {
                $('#residentCount').text(res.data.residentCount);
                $('#buildingCount').text(res.data.buildingCount);
                $('#parkingRate').text(res.data.parkingRate + '%');
                $('#visitorCount').text(res.data.todayVisitorCount);
            }
        }
    });
}

// 加载最新投诉建议
function loadComplaints() {
    $.ajax({
        url: '/system/dashboard/latest-complaints',
        type: 'GET',
        success: function(res) {
            if (res.code === 0) {
                var html = '';
                res.data.forEach(function(item) {
                    html += `
                        <div class="feed-element">
                            <div class="media-body">
                                <small class="pull-right">${item.createTime}</small>
                                <strong>${item.residentName}</strong> 提交了${item.type} <br>
                                <small class="text-muted">${item.content}</small>
                            </div>
                        </div>
                    `;
                });
                $('#complaintList').html(html);
            }
        }
    });
}

// 加载最新访客记录
function loadVisitors() {
    $.ajax({
        url: '/system/dashboard/latest-visitors',
        type: 'GET',
        success: function(res) {
            if (res.code === 0) {
                var html = '';
                res.data.forEach(function(item) {
                    html += `
                        <div class="feed-element">
                            <div class="media-body">
                                <small class="pull-right">${item.visitTime}</small>
                                <strong>${item.visitorName}</strong> 访问 ${item.residentName} <br>
                                <small class="text-muted">预计离开时间：${item.expectedLeaveTime}</small>
                            </div>
                        </div>
                    `;
                });
                $('#visitorList').html(html);
            }
        }
    });
}